#{extends 'adminm/frame.html' /}

#{set 'moreScripts'}
<script src="@{'/public/javascripts/jquery-ui-1.8.10.custom.min.js'}" type="text/javascript" charset="utf-8"></script>
<script src="@{'/public/pager/jquery.pager.js'}" type="text/javascript" charset="utf-8"></script>
<script src="@{'/public/ckeditor/ckeditor.js'}" type="text/javascript" charset="utf-8"></script>
<script src="@{'/public/ckeditor/adapters/jquery.js'}" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="@{'/public/uploadify/swfobject.js'}"></script>
<script type="text/javascript" src="@{'/public/uploadify/jquery.uploadify.v2.1.4.min.js'}"></script>
#{/set}
#{set 'moreStyles'}
<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/pager/Pager.css'}" />
<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/table.scss'}" />
#{/set}
#{set 'activeItem'}1#{/set}

<div class="navigationBar">
	<table>
		<tr>
			<td><img src="@{'/public/images/navigationHouse.gif'}"></td>
			<td><strong>当前位置：</strong></td>
			<td>
				<a href="/admin">首页</a>
				>>
				<a href="#">用户管理</a>
			</td>
		</tr>
	</table>
</div>

<script language="javascript">

	$(
		function(){
			//初始化修改窗口
			$("#update-form").dialog({autoOpen:false,modal:true,
	        buttons:{通过:function(){checkUserStatus('A');},不通过:function(){checkUserStatus('E');}}
				})
		}
	);

	$(function(){
		//初始化翻页控件。
		$("#pager").pager(
			{
				pagenumber: ${queryBean.currentPage}, 
				pagecount: ${queryBean.totalPage}, 
				totalcount: ${queryBean.totalQuantity},
				buttonClickCallback: PageClick 
			}
		);
	});
	//翻页功能。
	PageClick = function(pageclickednumber) {
		$("#currentPage").val(pageclickednumber);
		doSearch();
	}

	//打开创建窗口
	function openCreateDialog(id){

		$("#update_userId").val(id);
		
		$.ajax({
			url: "@{admin.Users.getUser()}",
			data: "userId="+id,
			type: "GET",
			complete: function(XMLHttpRequest, textStatus, errorThrown) {
				//获取返回内容并进行解析
				var content = XMLHttpRequest.responseText;
				var result = content.split("#");
				for(var i=0;i<result.length;i++)
				{
					var priceResult = result[i].split(":");
					$("#"+priceResult[0]).val(priceResult[1]);
				}
			}
		});
	
		$("#update-form").dialog({width:800});
       $("#update-form").dialog("open");
	}

	//更改用户状态
	function checkUserStatus(status){

		var id = $("#update_userId").val();
		
		$.ajax({
			url: "@{admin.Users.checkUserStatus()}",
			data: "userId="+id+"&status="+status,
			type: "GET",
			complete: function(XMLHttpRequest, textStatus, errorThrown) {
				//获取返回内容并进行解析
				var content = XMLHttpRequest.responseText;
				if("Fail" == content){
					alert("更改用户状态失败");
				}else{
					alert("更改用户状态成功");
					doSearch();
				}
			}
		});

	}

	//刷新页面
	function doSearch() {
		$("#form1").submit();
	}

	//提交创建信息
	function checkPass() {
		$("#update_form").submit();
	}
	
</script>

<div>
	<div class="list_criteria">
		#{form @admin.Users.queryUser(), name:'form1', id:'form1'}
		用户名:
		<input type="text" name="userName" id="userName" size="10"/>
	    
	    真实姓名:
	      <input type="text" name="realName" id="realName" size="10"/>
	        
	      联系电话:     
	      <input type="text" name="phone" id="phone" size="10"/>
	      
	   QQ：
		   <input type="text" name="qqNo" id="qqNo" size="10">
		MSN:
				<input type="text" name="msnNo" id="msnNo" size="10">
		E-mail:
					<input type="text" name="email" id="email" size="10">
           
      <input type="hidden" id="currentPage" name="queryBean.currentPage" value="${queryBean.currentPage}">
      <br/><br/>
	每页
	<select name="queryBean.quantityEachPage" onchange="doSearch()">
		<option value="2" #{if queryBean.quantityEachPage==2} selected #{/if}>2</option>
		<option value="10" #{if queryBean.quantityEachPage==10} selected #{/if}>10</option>
		<option value="25" #{if queryBean.quantityEachPage==25} selected #{/if}>25</option>
		<option value="50" #{if queryBean.quantityEachPage==50} selected #{/if}>50</option>
	</select>
	条记录
           <input type="submit" value="查询">&nbsp;
    #{/form}
</div>

<div>
	#{if userList}  
	<table class="common-table">
		<tr>
			<td>用户名</td>
			<td>姓名</td>
			<td>状态</td>
			<td>性别</td>
			<td>生日</td>
			<td>联系电话</td>
			<td>QQ</td>
			<td>MSN</td>
			<td>E-mail</td>
			<td>操作</td>
		</tr>
		#{list items:userList, as:'user'}
		<tr>
			<td>${user.username}</td>
			<td>${user.realname}</td>
			<td>${user.status}</td>
			<td>
			#{if 'M'==user.sex}  
				男
			#{/if}
			#{if 'F'==user.sex}  
				女
			#{/if}
			
			</td>
			<td>
			#{if user.birthday}  
				${user.birthday.format("yyyy-MM-dd hh:mm:ss")}
			#{/if}
			</td>
			<td>${user.phoneNo}</td>
			<td>${user.qqNo}</td>
			<td>${user.msnNo}</td>
			<td>${user.email}</td>
			<td>
				<a class="editer" href="javascript:openCreateDialog(${user.id})">[审核]</a>&nbsp;
			</td>
		</tr>  		
		#{/list}
	</table>			
	#{/if}
</div>

<!-- 创建窗口 -->
<div id="update-form" class="ui-widget ui-widget-content ui-corner-all" title="用户信息">	
		<div class="list_criteria">
		<input type="hidden" id="update_userId">
		用户名称：
			<input type="text" id="update_username">&nbsp;&nbsp;
		真实姓名：
		    <input type="text" id="update_realname" >&nbsp;&nbsp;
		用户性别：
		   <input type="text" id="update_sex" ><br/><br/>
		所属省份：
		   <input type="text" id="update_province">&nbsp;&nbsp;
		所属城市：
		   <input type="text" id="update_city">&nbsp;&nbsp;
		   
		邮政编码：
		   <input type="text" id="update_zipcode"><br/><br/>
		   
		 销售模式：
		   <input type="text" id="update_salesmode">&nbsp;&nbsp;
		   
		 收货地址：
		   <input type="text" id="update_deliveryAddress">&nbsp;&nbsp;
		   
		   生日：
		   <input type="text" id="update_birthday"><br/><br/>
		  
		 联系电话：
		   <input type="text" id="update_phoneNo">&nbsp;&nbsp;
		 QQ：
		   <input type="text" id="update_qqNo">&nbsp;&nbsp;
		MSN:
				<input type="text" id="update_msnNo"><br/><br/>
		E-mail：
					<input type="text" id="update_email">
		</div>
</div>


<br/>
<div id="pager" style="font-size:1.3em;"></div>
</div>
